<!DOCTYPE html>
<div id="multicol" style="columns:3; column-fill:auto; column-gap:0; height:90px; line-height:20px;">
    <br>
    <br>
    <table cellspacing="0" cellpadding="0">
        <tr style="height:50px;">
            <td><br></td>
        </tr>
        <tr id="secondRow" style="height:61px; background:blue;">
            <td id="secondCell"><div style="width:61px;"><br></div></td>
        </tr>
        <tr>
            <td><br></td>
        </tr>
    </table>
</div>

<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script>
    var multicol = document.getElementById("multicol");
    var row = document.getElementById("secondRow");
    var cell = document.getElementById("secondCell");

    // Check the height of the second row and its cell a few times, with a
    // layout pass between each check, to verify that it's stable.

    test(() => {
        assert_equals(cell.offsetTop, 50);
        assert_equals(cell.offsetHeight, 61);
        assert_equals(row.offsetTop, 50);
        assert_equals(row.offsetHeight, 61);
    }, "Row height should be as specified.");

    test(() => {
        // Change width and verify that layout remains the same, block direction-wise.
        multicol.style.width = "500px";

        assert_equals(cell.offsetTop, 50);
        assert_equals(cell.offsetHeight, 61);
        assert_equals(row.offsetTop, 50);
        assert_equals(row.offsetHeight, 61);

    }, "Row height should be as specified after relayout.");

    test(() => {
        // Change width and verify that layout remains the same, block direction-wise.
        multicol.style.width = "550px";

        assert_equals(cell.offsetTop, 50);
        assert_equals(cell.offsetHeight, 61);
        assert_equals(row.offsetTop, 50);
        assert_equals(row.offsetHeight, 61);

    }, "Row height should be as specified after another relayout.");

    test(() => {
        // Change width and verify that layout remains the same, block direction-wise.
        multicol.style.width = "600px";

        assert_equals(cell.offsetTop, 50);
        assert_equals(cell.offsetHeight, 61);
        assert_equals(row.offsetTop, 50);
        assert_equals(row.offsetHeight, 61);

    }, "Row height should be as specified after yet another relayout.");
</script>
